<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
</head>

<body>
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="ice-cream" class="svg-inline--fa fa-ice-cream fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
	
<style> 

@keyframes changeScale{
0% {  width:100px;height:100px; top:110px; left:110px;}
100% {width:300px;height:300px;top:10px; left:10px}
   }
@keyframes changeColor{
0% {fill-opacity:1}
100% {fill-opacity:0.5}
   }

svg{position:absolute;animation:changeScale 1s ease 0s infinite alternate; }

</style>  	
			
<path fill="#FA5882" d="M368 160h-.94a144 144 0 1 0-286.12 0H80a48 48 0 0 0 0 96h288a48 48 0 0 0 0-96zM195.38 493.69a31.52 31.52 0 0 0 57.24 0L352 288H96z"><animate
attributeType="CSS"
attributeName="opacity"
from="1" to="0"
dur="2s"
repeatCount="indefinite" /></path>

</svg>
	</body>

</html>